<template>
  <div class="fatherBox">
    <BookDirection :bookdirection="bookDirection"/>
    <IndexRule :indexrule="indexRule"/>
    <AboutUs :aboutUs="aboutUs"/>
    <EmailBox :emailBox="emailBox"/>
  </div>
</template>

<script>
import BookDirection from "@/views/home/footer_list/BookDirection";
import IndexRule from "@/views/home/footer_list/IndexRule";
import AboutUs from "@/views/home/footer_list/AboutUs";
import EmailBox from "@/views/home/footer_list/EmailBox";
export default {
  name: "FootFather",
  data(){
    return{
      bookDirection:['http://www.jyxue.com.cn/images/201507/1438332703039398360.png','购书指南','购书流程','配送支付','常用问题','售后服务'],
      indexRule:['http://www.jyxue.com.cn/images/201507/1438332762895978338.png','网站规则','注册登录','会员制度','积分规则','本站声明'],
      aboutUs:['http://www.jyxue.com.cn/images/201507/1438336526052843460.png','关于我们','微信平台','联系方式','华翰文化','官方微博','关于我们'],
      emailBox:['http://www.jyxue.com.cn/themes/default/skin/icon9.png','投稿邮箱','huahan020@sina.com','投稿详情','工作时间周一至周六9:00-17:30法定节假日除外'],
    }
  },
  components:{
    EmailBox,
    AboutUs,
    IndexRule,
    BookDirection,

  }
}
</script>

<style scoped>
*{text-decoration: none;}
  .fatherBox{
    width: 1068px;
    height: 124px;
    border: solid 1px black;
    margin: 1em auto;
    position: relative;
    top: 62em;
    /* padding: 5em 0 0 7em; */
    padding: 2em;
  }
</style>